function replaceElementIfNeeded() {
  // 检查是否已经存在具有'id'为'container'和'output'的元素
  var containerElement = document.getElementById('container');
  var outputElement = document.getElementById('output');

  // 如果这两个元素都存在，不执行替换操作
  if (containerElement && outputElement) {
    //console.log("元素已存在，无需再次替换。");
    return;
  }

  // 创建新的<div>元素并添加样式
  var newDiv = document.createElement('div');
  newDiv.id = 'container';
  newDiv.style.position = 'absolute';
  newDiv.style.height = '100%';
  newDiv.style.width = '100%';
  
  var newInnerDiv = document.createElement('div');
  newInnerDiv.id = 'output';
  newInnerDiv.style.width = '100%';
  newInnerDiv.style.height = '100%';

  // 创建新的<canvas>元素并赋予ID
  var newCanvas = document.createElement('canvas');
  newCanvas.id = 'sakura'; // 添加ID
  newCanvas.width = '400'; // 示例宽度
  newCanvas.height = '300'; // 示例高度
  
  //newDiv.appendChild(newInnerDiv);
  newDiv.appendChild(newCanvas);

  // 获取要替换的元素
  var elementToReplace = document.querySelector('#bkg_1 > div');

  // 如果要替换的元素存在，执行替换操作
  if (elementToReplace) {
    elementToReplace.parentNode.replaceChild(newDiv, elementToReplace);
    //console.log("元素已成功替换。");
  } else {
    //console.log("要替换的元素不存在，无法执行替换操作。");
  }
}

// 调用函数以执行检查和替换操作
//replaceElementIfNeeded();
